<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8" />
<title>Insert title here</title>
<link th:href="@{/static/layui/css/layui.css}" rel="stylesheet"/>
</head>
<body>
  <h2>用户列表</h2> 
  <script th:src="@{/static/layui/layui.all.js}"></script>   
  
  <table class="layui-hide" id="demo"></table>
  
  <table lay-filter="parse-table-demo">
  <thead>
    <tr>
      <th lay-data="{field:'username', width:200}">昵称</th>
      <th lay-data="{field:'joinTime', width:150}">加入时间</th>
      <th lay-data="{field:'sign', minWidth: 180}">签名</th>
    </tr> 
  </thead>
  <tbody>
    <tr>
      <td>贤心1</td>
      <td>2016-11-28</td>
      <td>人生就像是一场修行 A</td>
    </tr>
    <tr>
      <td>贤心2</td>
      <td>2016-11-29</td>
      <td>人生就像是一场修行 B</td>
    </tr>
    <tr>
      <td>贤心3</td>
      <td>2016-11-30</td>
      <td>人生就像是一场修行 C</td>
    </tr>
  </tbody>
</table>
  
  
  
  
  
  
  
  
  
<script>

layui.table.render({
	elem : '#userTable',
	height : Lib.getTableHeight(2),
	method : 'post',
	url : '/admin/user/list.json' //数据接口
	,page : true //开启分页
	,limit : 20,
	cols : [ [ //表头
	{
		type : 'checkbox',
		fixed:'left',
	}, {
		field : 'id',
		title : 'id',
		width : 80,
		fixed:'left',
		sort : true
	}, {
		field : 'code',
		title : '用户名',
		width : 150
	}
	] ]

});




//在这里面输入任何合法的js语句
layer.open({
  type: 1 //Page层类型
  ,area: ['500px', '300px']
  ,title: '你好，layer。'
  ,shade: 0.6 //遮罩透明度
  ,maxmin: true //允许全屏最小化
  ,anim: 1 //0-6的动画形式，-1不开启
  ,content: '<div style="padding:50px;">这是一个非常普通的页面层，传入了自定义的html</div>'
});  

</script>
   
   
   
   
</body>
</html>